<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM基础</title>
</head>
<body>
<img  id="on"src="../../img/on.gif">
<h1 id="jackMa">悔创阿里杰克马</h1>
<script>
  /*
  * DOM:
  * 功能：控制html也免得内容
  * 代码：获取页面标签（元素）对象 element
  * getElementById()
  *操作元素对象：
  *         修改属性的值：1.明确获取的对象是哪一个2.查看api文档，寻找对象中的属性并修改
  *         修改标签中的内容：对象.innerHTML()
  * */
/*  var light = document.getElementById("on");
  alert("我要换图片了");
  light.src="../../img/off.gif";*/
var title = document.getElementById("jackMa");
alert("我要换内容了");
title.innerHTML="不识妻美刘强东";
</script>
</body>
</html>